<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
<<<<<<< HEAD
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
		<link rel="stylesheet" href="css/bootstrap-theme.css" />
=======
    <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
		<link rel="stylesheet" href="/bootstrap/css/bootstrap-theme.css">
>>>>>>> 820adef492112074cbec43ee89a63f07647b667c
  </head>
  <style>
       *{margin:0;padding:0;}
       #movie-header{width:100%;height: 75px;background: #f0f3f5;line-height:70px;border-bottom:1px solid #999;box-sizing: border-box;}
       #movie-header p{color: #27a;font-size:30px;font-weight:700;float:left;margin-left:80px;margin-bottom:0;}
       .input-group input {margin-left:50px;border-radius:5px 0 0 5px;border:0;float:left;width:462px;height:36px;background:white;border-bottom:1px solid #999;box-sizing: border-box;padding-left:15px;line-height: 36px;}
      .input-group button{border:0;width:37px;height:35px;background:#999;text-align:center;line-height: 37px;color:white;float:left;}
       #movie-nav{width: 100%;height: 39px;background: #f0f3f5;}
       #movie-nav .movie-navleft{margin-left:80px;overflow: hidden;}
       #movie-nav ul li{float:left;margin-right:40px;line-height:39px;font-size:14px;color: #27a;list-style:none;}
       #null{width: 100%;height: 50px;background: white;}
  </style>
  <body>
      <div id="movie-header">
             <p>豆瓣电影</p>
             <form class="form-inline">
              <div class="form-group">
                  <div class="input-group">
                    <input type="text" placeholder="Amount">
                    <button type="submit" class="glyphicon glyphicon-search"></button>
                  </div>
               </div>
            </form>
      </div>
      <div id="movie-nav">
           <ul class="movie-navleft">
                <li>影讯&购票</li>
                <li>选电影</li>
                <li>电视剧</li>
                <li>排行榜</li>
                <li>分类</li>
                <li>影评</li>
                <li>2016年度榜单</li>
                <li>2016年观影报告</li>
           </ul>
      </div>
      <div id="null"></div>
      <div class="container marketing">
        <div class="row">
          
          <% for(var i=parseInt(pageNo)*9;i<parseInt(pageNo)*9+9;i++){ %>
               <div class="col-lg-4">
<<<<<<< HEAD
                  <img class="img-circle" src="<%= list.movie_list[i].images.small%>" alt="Generic placeholder image" width="140" height="140">
=======
                  <img class="img-circle" src="<%= list.movie_list[i].images.medium %>" alt="Generic placeholder image" width="140" height="140">
>>>>>>> 820adef492112074cbec43ee89a63f07647b667c
                  <h2><%= list.movie_list[i].title%></h2>
                  <p><%= list.movie_list[i].original_title %></p>
                  <p><a class="btn btn-default" href="/movie/detail?id=<%= i %>&mid=<%=list.movie_list[i].id %>" role="button">影片详情</a></p>
              </div>
          <% } %>
        </div> 
        <nav aria-label="...">
          <ul class="pagination">
            <li class="disabled"><a href="./movie?pageNo=<%= pageNo > 1 ? parseInt(pageNo)-1: 1 %>"><span aria-hidden="true">&laquo;</span></a></li>
            
            <% for(var i=0;i<totalPages;i++){ %>
                <li class=""><a href="/movie?pageNo=<%= i %>"><%= i+1 %> <span class="sr-only">(current)</span></a></li>
            <%}%>
            <li class="disabled"><a href="./movie?pageNo=<%= pageNo < totalPages ? parseInt(pageNo)+1: totalPages %>" ><span aria-hidden="true">»</span></a></li>
          </ul>
        </nav>
      </div>
<<<<<<< HEAD
      <script src="js/jquery.js"></script>
      <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
=======
      <script type="text/javascript" src="/xheditor/jquery/jquery-1.11.2.min.js"></script>
      <script src="/bootstrap/bootstrap.min.js"></script>
>>>>>>> 820adef492112074cbec43ee89a63f07647b667c
      
  </body>
</html>
